import axios from 'axios';

// 创建axios实例
const baseURL = process.env.REACT_APP_API_URL || 'http://localhost:8000/api';
console.log('API Base URL:', baseURL);
console.log('环境变量REACT_APP_API_URL:', process.env.REACT_APP_API_URL);

const api = axios.create({
  baseURL: baseURL,
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json',
  },
});

// 请求拦截器
api.interceptors.request.use(
  (config) => {
    console.log('发送请求:', {
      url: config.url,
      method: config.method,
      baseURL: config.baseURL,
      fullURL: `${config.baseURL}${config.url}`,
      headers: config.headers,
      data: config.data
    });
    
    // 在发送请求之前做些什么
    const token = localStorage.getItem('access_token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (error) => {
    console.error('请求拦截器错误:', error);
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 响应拦截器
api.interceptors.response.use(
  (response) => {
    console.log('收到响应:', {
      status: response.status,
      statusText: response.statusText,
      headers: response.headers,
      data: response.data
    });
    // 对响应数据做点什么
    return response;
  },
  (error) => {
    console.error('响应拦截器错误:', {
      message: error.message,
      code: error.code,
      config: error.config,
      response: error.response,
      request: error.request
    });
    
    // 对响应错误做点什么
    if (error.response?.status === 401) {
      // token过期或无效，清除本地存储并跳转到登录页
      localStorage.removeItem('access_token');
      // 添加一个标记，避免在组件中再次处理这个错误
      error.handled = true;
      window.location.href = '/login';
      return Promise.reject(error);
    }
    return Promise.reject(error);
  }
);

export default api;